﻿@charset "utf-8";
/* CSS Document */
body{font-size:14px; line-height:20px;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p
{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;appearance:none;}
select {-webkit-appearance:none;appearance:none;}
a{text-decoration:none;color:#666;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
a:hover,a:focus{outline:none;text-decoration:none;}
.clear{ clear:both; font-size:0px; height:0px;line-height:0px;}


/*框架*/
body { background:#f2f2f3;}
#body_1{ background:#f2f2f3;}
#body_2{ background:#f2f2f3;display:inline-block;}
#header{ margin:0; padding:0;z-index: 99; width:100%; height:44px; background:#fa2166; line-height:44px; overflow: hidden; font-size:18px; color:#fff; text-align:center;position: fixed; left: 0; top:0;}
#header .btn_l{ float:left; position: absolute; left: 0; top:0; width: 26px; height: 26px; left: 10px; top: 9px;}
#header .btn_l i { vertical-align: 0px; float: left;}
#header .btn_r {position: absolute; right:10px;}
#header .btn_rl {position: absolute; left:10px;}
#header a{color:#fff; font-size:14px; text-shadow:none; }
#header a i{display:inline-block; width:26px; height:26px; vertical-align: -8px;}
#header a .ico_back{ background:url(../images/header_icon1.png) no-repeat left center; background-size:26px 26px;}
#header a i.ico_list { background:url(../images/ico_header_list.png) no-repeat right center; background-size:17px 20px; margin-right: 5px;}

#main{ margin:0;width:100%; background:#fff;}
#main1{ margin:0; padding:0; width:100%;}
#main2{ margin:0; padding:10px; }
.main3{ margin:0; padding:0; width:100%; background:#fff;}


#tab{ position:fixed; left:0; bottom:0; width:100%; height:50px; background-color:#ffffff; border-top:1px solid #f2f2f3;}
#tab a{ display:block; float:left;width:25%; height:49px;text-align:center; font-size:10px; color:#898989; line-height: 14px;}
#tab a i{ display:block; width:28px; height:28px; margin:4px auto 0;}
#tab a i.ico_home{ background:url(../images/nav_icon_01.png) no-repeat; background-size: 28px 28px;}
#tab a i.ico_order{background:url(../images/nav_icon_02.png) no-repeat; background-size: 28px 28px}
#tab a i.ico_list{background:url(../images/nav_icon_03.png) no-repeat; background-size: 28px 28px}
#tab a i.ico_user{background:url(../images/nav_icon_04.png) no-repeat; background-size: 28px 28px}
#tab a.sel{ color:#fa2166;}
#tab a i#sel_home{background:url(../images/nav_icon_05.png) no-repeat;background-size: 28px 28px;}
#tab a i#sel_order{background:url(../images/nav_icon_06.png) no-repeat;background-size: 28px 28px;}
#tab a i#sel_list{background:url(../images/nav_icon_07.png) no-repeat;background-size: 28px 28px;}
#tab a i#sel_user{background:url(../images/nav_icon_08.png) no-repeat;background-size: 28px 28px;}

/*表单*/
.form_area{ font-size:16px; padding:15px 15px 5px;}
.form_area >div{ padding-bottom:15px;}
.input_l{ width:94%; border-radius:4px;-webkit-appearance:none;appearance:none; border: 1px solid #e8e8e8;}
/*.input_l{ width:100%;}*/
input[type="text"],
.textarea{ padding:10px 3%; -webkit-appearance:none;appearance:none;}
.textarea{ width:94%; height:40px; border-radius:4px;border:1px solid #e8e8e8;}


/*字体颜色*/
.t_primary1{ font-size:14px; color:#fa2166 !important;}
.t_primary2{ font-size:12px; color:#fa2166 !important;}
.t_primary3{ float:left; margin-left:2px; font-size:8px;  color:#fa2166 !important;}
.t_primary4{ float:right; margin-right:2px; font-size:8px; color:#333 !important;}
.t_primary5{ float:left; margin-left:12px; margin-top:92px; font-size:17px;  text-shadow:0 0 1px #4d4d4d; color:#fff !important;}
.t_primary6{color:#333 !important;}
.t_primary7{color:#7a7a7a !important;}
.t_primary8{color:#333 !important; text-align:center; font-size:16px; margin-bottom:10px;}
.t_primary9{color:#fa2166 !important;}
.t_primary10{color:#5a90ff !important;}
.t_primary_5 { color:#fff; !important;}
.t_primary11{color:#333 !important; text-align:center; font-size:16px; margin-top:10px; margin-bottom:10px;}
.t_primary12{ font-weight:bold!important;}
.t_primary13{color:#333; font-size:16px;}
.t_primary14{color:#333!important; font-size:16px!important;}
.t_primary15{ font-size:16px!important; line-height:24px; color:#fa2166!important;}


/*按钮*/
.btn1{ background:url(../images/btn_1.png) no-repeat; width:99px; height:35px;  text-align:center; color:#fff; border:none;}
.btn2{background: #94a68c; width:100%;height:40px; line-height:40px;margin-bottom:10px;color:#fff; border-radius:4px; border:none;font-size:18px; text-align:center;}
.btn3{ background:url(../images/bg_icon_1.png); width:100%;  height:35px; margin-bottom:10px; text-align:center; color:#fff; border-radius:4px; border:1px solid #cacaca; box-shadow:0 1px 0 rgba(255,255,255,.5) inset; font-size:16px; text-align:center;}
.btn4{background:url(../images/bg_icon_2.png); width:100%;  height:35px;text-align:center; color:#fff; border-radius:4px; border:1px solid #cacaca; box-shadow:0 1px 0 rgba(255,255,255,.5) inset; font-size:16px; text-align:center;}
.btn5{ background:url(../images/btn_1.png) no-repeat; width:98px; height:35px;  text-align:center; color:#fff; border:none; float:right; margin-right:10px;}
.btn6{ background:#fff; width:64px; height:18px; border-radius:2px; font-size:12px; text-align:center; color:#fa2166;-webkit-appearance:none; border: 1px solid #fa2166;}
.btn7{ background:#fa2166; width:100%; height:40px; border-radius:4px; font-size:18px; text-align:center; color:#fff; border:none; -webkit-appearance:none;}
.btn8{ background:url(../images/btn_1.png) no-repeat; padding:7px 20px; line-height:35px;   text-align:center; color:#fff; border:none;}
.btn9{ background:#fa2166; width:60px; height:30px; border-radius:4px; font-size:12px; text-align:center; color:#fff; border:none; -webkit-appearance:none;}
.btn10{background:#fa2166; width:100%;  height:40px;  color:#fff; border-radius:4px; border:none;font-size:16px; text-align:center;}
.btn11{ position: absolute; right: 15px; bottom: 15px; float: right; background:#fa2166; width:70px; height:30px; border-radius:4px; margin-top:12px; font-size:12px; text-align:center; color:#fff; border:none; -webkit-appearance:none;}
.btn12{ background:#fa2166; width:70px; height:30px; border-radius:4px; font-size:12px; text-align:center; color:#fff; border:none; -webkit-appearance:none;position: absolute;right: 15px;bottom:26px;}
.btn13{ background:#fa2166; width:95px; height:30px; border-radius:4px; margin-top:5px; font-size:12px; text-align:center; color:#fff; border:none; -webkit-appearance:none;}


/*活动模板*/
.primary_code{ color:red!important;}
.code_main2{width:100%; height:42px; margin:0 15px;}
.code_input{ float:left; width:70%; height:42px; border-radius:5px 0 0 5px; border:1px solid #dddddd; background:#fff; font-size:16px;  padding-left:12px;}
.code_btn1{ float:left; width:18%; height:44px; border-radius:0 5px 5px 0; border:1px solid #a12978; background:-webkit-linear-gradient(top, #9d1482, #d506ac); color:#fff; font-size:16px; text-align:center;}
.code_p1{ margin-top:10px; padding-left:15px; margin-bottom:10px; font-size:14px; color:#a0a0a0;}
.code_p2{ margin-top:10px; padding-left:15px; font-size:16px; color:#333;}

/*首页*/
.home_main{ margin:0; padding:5px 5px;}
.home_makeup{ display:inline-block; width:100%; background:url(../images/bg_makeup.png) no-repeat; min-width:308px; min-height:119px;}
.home_makeup p{ float:left; margin-top:88px; margin-left:12px; font-size:17px; color:#fff; text-shadow:0 0 1px #4d4d4d;}
.home_middle{display:inline-block; width:100%; margin:6px 0;}
.home_middle li{float:left; list-style:none;  margin:0; padding:0;}
#home_division{ background:url(../images/home_division.png) no-repeat; width:50%; min-width:178px; min-height:118px;}
#home_lid{ background:url(../images/home_lid.png) no-repeat;  width:48%; min-width:124px; min-height:118px; margin-left:6px;}
#home_nai{ background:url(../images/home_nai.png) no-repeat; width:50%; min-width:178px; min-height:118px; margin-top:6px;}
#home_hair{ background:url(../images/home_hair.png) no-repeat; width:48%; min-width:124px; min-height:118px; margin-left:6px; margin-top:6px;}
.home_activity{display:inline-block; width:100%; background:url(../images/bg_activity.png) no-repeat; width:308px; height:73px;}
.home_activity p{ float:left; margin-top:48px; margin-left:12px; font-size:17px; color:#fff; text-shadow:0 0 1px #4d4d4d;}


/*个人中心*/
.user_intro{ width:100%; height:135px; background:#fa2166; text-align:center; padding-top:5px;}
.user_intro .grtx { width:80px; height:80px; overflow: hidden; border-radius:80px; position: relative; background: #ff548a; margin:0 auto; display: block;}
.user_intro .grtx img{ border-radius:70px; width:70px; height:70px; position: absolute; left:5px; top:5px;}
.bg_user_mp { text-align:center;font-size:16px; color:#fff; line-height:18px; margin-top: 5px;}
.bg_user_mp span { font-size: 10px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.link_list{ padding-left: 15px; background: #fff;}
.link_list li{ height:60px;font-size:16px; line-height:60px; border-bottom: 1px solid #f2f2f3; width:100%; position: relative;}
.link_list li .grzf_icon { width: 30px; height: 30px; margin-top: 15px; display: block; position: absolute; left: 0;}
.link_list li:last-child { border-bottom: none;}
.link_list li a { padding:0 40px; font-size: 16px; color: #333;}
.link_list li a span { float: right; color: #9fa0a0; font-size: 12px; margin-right:35px;}
.user_forward {float:right; margin-right:15px; position: absolute; right: 0; top:23px; width: 8px; height: 13px; display: block;}
.user_forward img {width: 8px; height: 13px; float: right;}


/*我的订单*/
.tab_01{ height:44px; background:#fff; font-size:12px; color:#666; width: 100%; z-index: 99; position: fixed; top: 44px; left: 0;}
.tab_01 li{ float:left; width:33.333%; height:44px;border-bottom:1px solid #f2f2f3;text-align:center; line-height:44px; font-size:14px;}
.tab_01 li.sel2{ float:left; color:#fa2166; width:33.333%; height:43px; border-bottom:2px solid #fa2166; }
.order_list{ margin: 0 -10px 0 -10px;}
.order_list dl{ padding: 10px 10px 10px 100px; border-bottom:1px solid #e8e8e8; min-height: 60px; line-height:20px;}
.order_list dl dt{ font-size:16px; color:#333;}
.order_list dl dt img{ position:absolute; margin:2px 5px 10px -85px; border:1px solid #e8e8e8; border-radius:4px; width:76px; height:76px;}
.order_list dl dd{ font-size:12px; line-height:20px;}
.order_list dl dd.order_info{ float:right; margin-top:-40px; margin-right:10px; color:#fa2166; border:1px solid #fa2166; padding:1px 2px;}

/*快速下单*/
.sec_direct{ width:100%; height:35px; background-color:#fff; border-bottom:1px solid #e8e8e8; text-align:center; color:#fa2166; font-size:14px; line-height:35px;}

.quick_order_list{ margin: 0 -10px 0 -10px;}
.quick_order_list dl{ padding: 10px 10px 10px 100px; border-bottom:1px solid #e8e8e8; min-height: 82px; line-height:20px;}
.quick_order_list dl dt{ font-size:16px; color:#333;}
.quick_order_list dl dt img{ position:absolute; margin:2px 5px 10px -85px; border:1px solid #e8e8e8; border-radius:4px; width:76px; height:76px;}
.quick_order_list dl dd{ font-size:12px; line-height:20px;}
.quick_order_list dl dd.order_info4{ float:right; margin-top:-36px; margin-right:10px; color:#fa2166; font-size:18px; }
.quick_order_list dl dd.order_info3{ float:right; margin-top:0;  color:#fa2166; font-size:16px; }

/*我的收藏——技师*/
.tab_02{ height:44px; background:#fff; font-size:12px; color:#666; position: fixed; top: 44px; left: 0; width: 100%; z-index: 99;}
.tab_02 li{ float:left; width:50%; height:44px; font-size:14px;border-bottom:1px solid #f2f2f3; text-align:center; line-height:44px;}
.tab_02 li.sel2{ float:left; color:#fa2166; width:50%; height:43px; border-bottom:2px solid #fa2166; }
.collection_list{ padding:0 10px;}
.collection_list a { position: relative;}
.collection_list a.ckjj { width:70px; height: 22px; border-radius:0px 0px 2px 2px; line-height:22px;position: absolute; bottom: 15px; left: 0;font-size:10px; text-align:center;color:#fff; z-index:9;display:block; background:rgba(0,0,0,.8)}

.collection_list dl{position: relative;padding:15px 15px 15px 100px;height:70px; line-height:20px; background: #fff; border-radius: 2px; margin-bottom: 10px; }
.collection_list dl:last-child{ border-bottom: none;}
.collection_list dl dt{ font-size:16px; color:#333; margin-top:-4px; }
.collection_list dl dt img{ position:absolute; left:-85px;border-radius:70px; overflow:hidden; width:70px; height:70px; margin-top: 4px;}
.collection_list dl dd{ font-size:12px; line-height:20px; color:#999; margin-top: -8px;}
.collection_list dl dd img{ width:13px; height:12px; margin-left:-3px; position: relative; top:1px; margin-right: 2px;}
.collection_list dl dd img:first-child { margin-left: 5px;}
.collection_list dl dd.order_info4{ color:#fa2166; font-size:20px; margin-top:15px;}
.collection_list dl dd.order_info5{ float:right;color:#999; font-size:12px; position: absolute; top: 20px; right:8px;}

.collection_list1 dl dd { margin-top: -2px;}

/*我的收藏——作品*/
.collection_works{ margin:0; padding:0 10px;}
.collection_works li{ float:left; width:48.5%; margin-top: 10px; background: #fff; border-radius:4px; overflow: hidden;}
.collection_works li:nth-child(2n) { float: right;}
.collection_works li:last-child { margin-bottom: 20px;}
.collection_works li dt img{ width:100%; border:none; height: auto; display: block;}
.collection_works li dd{ height:38px; padding: 0 10px;}
.collection_works li dd span { font-size:14px; line-height: 38px; color: #333;}

/*选择预约时间*/
.time_main_head{ margin:0; padding:0; background:#fff;}
.time_main_head li{ float:left; width:75px; height:60px;}
.time_process{margin-left:12px; margin-top:8px; }
.time_process_line{ position:absolute; z-index:-1; margin-top:28px; margin-left:45px;}
.time_process li dl dd{margin-left:15px;}
.time_process_line{ position:absolute; z-index:-1; margin-top:28px; margin-left:45px;}

/*选择预约时间自定义*/
.time_sel2 { margin-top:10px; margin-bottom:10px;}
.time_sel2 .option_s { float:left; background: url(../images/option_bg.png) no-repeat; background-size:100% 100%; margin-right:2%; width:23%; min-height:44px; margin:2% 1% 3% 1%; padding:0 2%; border: 1px solid #ddd; border-radius:4px; font-size:16px; }
.time_sel2 .option_s:last-child { margin-right:0;}

.order_tab1{ height:50px; background:#fff; font-size:12px; color:#666;}
.order_tab1 li{ float:left; width:25%; height:40px; font-size:14px; text-align:center; margin-top:-2px; line-height:16px; padding-top:10px;color:#999;}
.order_tab1 li:last-child{ height:40px; }
.order_tab1 span{ display:block; font-size: 12px; color: #999;}
.order_tab1 li.order_sel{ border-bottom:2px solid #72846b; color: #72846b;}
.order_tab1 li.order_sel span { color: #72846b;}
.order_main{ position:absolute;  margin:0 auto; padding:0; width:100%; }
.order_time_list{ margin:0 auto 70px; padding:7px 10px 0; overflow: hidden;}
.order_time_list .order_sel2{ background: #94a68c; color:#fff;}
.order_time_list li{ float:left; width:100%; height:36px; background:#fff; margin:8px 2% 0 0; border-radius:2px; text-align:center; line-height:36px; font-size:14px; color:#333;}
.order_time_list li:nth-child(4n) { margin-right: 0px;}
.order_area {clear:both; font-size:16px; height: 70px; width: 100%; display: block; position: fixed; background: rgba(242,242,243,.94); left: 0px; bottom: 60px;}
.order_area  > div{ padding:15px;}
.order_area p { text-align:center; color:#666; font-size: 12px; margin-bottom:10px; margin-top: 10px; display: none;}


/*选择预约化妆师*/
.order_make1_on2{ position:absolute; float:left; background:url(../images/icon_process_p2.png) no-repeat; width:27px; height:27px; margin-left:-4%; margin-top:0.2%; font-size:12px;  color:#fb3977; line-height:22px; text-align:center;}
.order_tab2{ height:40px; background:#fff; font-size:12px; color:#7c7b7b;}
.order_tab2 li{ float:left; width:33.333%; height:38px; font-size:14px; text-align:center; margin-left: -1px;  line-height:38px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8; color:#666; }
.order_tab2 li:fist-child{ border-left:none; width:33.333%;}
.order_sel3{ width: 100%; height: 38px; display: block; border: none;}
.order_sel5 { width: 50px; margin: 0 auto;}
#order_sel4{ background: #e8e8e8; width: 100%;}
.code_main3{height:40px; margin:10px 0px 10px; padding: 0 10px;}
.icon_search{ position:absolute; margin-left:4%; margin-top:10px;}
.code_input2{ float:left; width:74%; height: 20px; border-radius:4px 0 0 4px; border: none; background:#fff; font-size:14px;  padding-left:12px; color:#333;-webkit-appearance:none;appearance:none;}
.code_input2::-moz-placeholder{color:#999;opacity:1}
.code_input2:-ms-input-placeholder{color:#999;}
.code_input2::-webkit-input-placeholder{color:#999;}
.code_btn2{ float:left; width:20%; height:40px; -webkit-appearance:none;border-radius:0 4px 4px 0; border:none;  background:url(../images/mdj_icon1.png) no-repeat center #fa2166; background-size:18px 18px;  color:#fff; font-size:0px; text-align:center;}
.code_select{ float:left; width:48%; height:40px; border-radius:4px; border:1px solid #e8e8e8; background:#fff; font-size:16px;  padding-left:3%; color:#333; margin-bottom: 15px}
.code_select_course{ float:left; width:48%; height:40px; border-radius:4px; border:1px solid #e8e8e8; background:#fff; font-size:16px;  padding-left:12px; color:#333; margin-bottom: 15px}
.code_select2{ float:left; background: url(../images/option_bg_2.png) no-repeat; background-size:100% 100%; width:48%; height:40px; border-radius:4px; border:1px solid #e8e8e8;  font-size:16px;  padding-left:3%; color:#333; margin-bottom: 15px}
.code_select_course2{ float:left; background: url(../images/option_bg_2.png) no-repeat; background-size:100% 100%; width:48%; height:40px; border-radius:4px; border:1px solid #e8e8e8;  font-size:16px;  padding-left:12px; color:#333; margin-bottom: 15px}


/*填写订单*/
.map { margin-top:40px;}

/*确认订单*/
.order_info { clear:both;  background:#fff;  padding:10px 0px 0px 15px;color:#333; border-top: 1px solid #f2f2f3; position: relative;}
.order_info p  { line-height: 24px;}
.order_info p strong { width:75px; display: block; float: left; font-weight: normal;}
.order_info p:last-child { border-bottom: 1px solid #f2f2f3; padding-bottom: 10px;}
.order_info2{ clear:both; background:#fff;  padding:5px 15px;height:34px; line-height:34px; color:#333; border-top: 1px solid #f2f2f3; position: relative;}
.order_info2 dt { width:96px; position: absolute; left: 15px;}
.order_info2 dl { padding-left:96px; padding-right: 15px;}
.makeup_info{ background:#fff;padding:15px;}
.makeup_info2{ background:#fff; padding:15px; margin-top: 15px;}
.makeup_info .price { padding: 0 0 5px 0; color:#fa2166; font-size:16px; text-align:right;}
.makeup_info dl{ margin:0;line-height:20px; height: 70px;}
.makeup_info dl dt{margin-left:85px; font-size:16px; color: #333; line-height: 24px;}
.makeup_info dl dt img{ position:absolute; width:70px; height:70px; margin-left:-85px; border-radius:4px;}
.makeup_info dl dd{ margin-left:85px; font-size:12px; color: #999; line-height: 20px;}
.makeup_info dl dd.a_info{ float:right; margin-top:-20px;}


/*订单完成*/
.order_fin{ margin:0 auto;}
.order_fin p{ font-size:18px; color:#333; line-height:36px; text-align:center;}
.order_fin p img{ margin-top:80px;}
.order_fin_footer{ position:absolute; z-index:-1; left:0; bottom:0; background:url(../images/bg_order-fis.png) ; width:100%; padding-top:180px;}


/*化妆师详情*/
.makeup_info3{  border-bottom:1px solid #e8e8e8; padding-left:10px; padding-top:54px;}
.makeup_info3 .price { padding: 0 0 5px 0; color:#fa2166; font-size:16px; text-align:right;}
.makeup_info3 .price2{ padding: 0 0 5px 0; color:#fa2166; font-size:14px; text-align:right;}
.makeup_info3 dl{ margin:0; padding:0 10px 10px 0; line-height:20px;}
.makeup_info3 dl dt{margin-left:78px; font-size:14px; font-weight:bold;}
.makeup_info3 dl dt img{ position:absolute; width:78px; height:78px; margin-left:-82px; border-radius:4px;}
.makeup_info3 dl dd{ margin-left:76px; font-size:12px;}
.makeup_info3 dl dd.a_info{ float:right; margin-top:-25px; }
.ico_star { display: inline-block; background: url(../images/icon-star01.png) no-repeat; width:13px; height:12px;background-size: 13px 12px; position: relative; top: 1px;}

.makeup_info4{  border-bottom:1px solid #e8e8e8;  padding-top:10px; padding-bottom:10px; padding-left:10px;}
.makeup_info4 h1{font-size:14px; color:#333;}
.makeup_info4 p{ font-size:12px;}

.works_list { display:inline-block; width:100%;  margin-top:10px; }
.works_list li { float:left; margin-left:2%;  margin-bottom:12px; width:46%; overflow: hidden; border: 1px solid #e8e8e8 }
.works_list li img { display:block; width:100%; height:auto;margin-top: 1px}
.works_list li p { clear:both; padding: 0 10px; line-height:30px; font-size:16px; background:#eee;}
.works_list li .title { position:relative; z-index:5; margin-top:-30px; background:url(../images/bg_work.png) no-repeat; height:25px; line-height:25px; font-size:12px; color:#fff;}

.tools_bar { position: fixed; z-index:99; left:0; bottom:0; padding:5px 0; width:100%; background:#fa2166; font-size:14px; color:#fff;}
.tools_bar ul { float:left; margin-left:10px;}
.tools_bar ul li { float:left; padding-top:5px; margin-left:30px; margin-right:20px; font-size:12px; text-align:center; }
.tools_bar ul li i { position:absolute; margin-left:-30px;}
.tools_bar .btn_primary_l { float:right; margin-right:10px; width:140px;}


/*我要化妆*/
.makeup_sel{ background:#f2f2f3;padding:96px 8px 0px;}
.makeup_sel li { float:left;width:32%; text-align:center; margin-right: 2%; margin-bottom: 6px;overflow: hidden; background: #d2d6e2;}
.makeup_sel li:nth-child(3n) { margin-right:0;}
.makeup_sel li img { display:block; position:relative; z-index:1; width:100%;}
.makeup_sel li span { display:block; background:#fff; text-align:center; line-height:34px; color:#666; font-size:15px;}

/*新娘作品展示详情*/
.makeup_sel2{ background:#f0f0f0;}
.makeup_sel2 li { float:left; margin: 0 2% 2% 1% ; width:47%; text-align:center;}
.makeup_sel2 li img { display:block; position:relative; z-index:-1; width:100%; min-height:152px;}
.makeup_sel2 li span { display: block; margin-top:-30px; line-height:30px; background:rgba(250,33,102,.50); color:#fff; text-shadow: 0 1px 1px rgba(0,0,0,.5);}


/*我要美睫*/
.main_lid{ padding:0 10px;}

.main_lid li{float:left; width:48.5%; margin-top: 10px; border-radius: 4px; background: #fff; overflow: hidden;}
.main_lid li:nth-child(2n) { float: right;}
.main_lid li dt img{display:block; position:relative; z-index:1; width:100%; height: auto;}
.main_lid li dd{ margin:10px 8px;  font-size:14px; color: #333; line-height:18px; position: relative;}
.main_lid li dd i{ position:absolute; right:0px; bottom:0px;}

/*我要美甲*/
.main_nail{ display:inline-block;padding:0 10px;}
.lid_font1{ margin:98px auto 0 auto; font-size:12px; color:#7f7f7f; text-align:center;}
.main_nail li{float:left;width:48.5%; margin-top: 10px; border-radius: 4px; background: #fff; overflow: hidden;}
.main_nail li:nth-child(2n) { float: right;}
/*.nail_on{ border:3px solid #fa2166; background: url(../images/icon_hook.png) no-repeat top left; }*/
.main_nail .nail_on{ background: url(../images/icon_hook.png) no-repeat top left #fff; }
.main_nail li .btn_hover { background:#fff; width:64px; height:18px; border-radius:2px; font-size:12px; text-align:center; color:#fa2166;-webkit-appearance:none; border: 1px solid #fa2166;}
.main_nail li.nail_on .btn_hover { color: #fff; background: #fa2166;}
.main_nail li dt img{display:block; position:relative; z-index:1; width:100%; height: auto;}
.main_nail li dd{  margin:10px 8px;  font-size:14px; color: #333; line-height:18px; position: relative;}
.main_nail li dd i{position:absolute; right:0px; bottom:0px;}

.tools_bar2{ position: fixed; z-index:99; left:0; bottom:0; width:100%; background:rgba(255,255,255,.94); font-size:14px; color:#fff;}
.tools_bar2 p { height: 40px; padding: 15px;}
/*弹屏*/
.play_screen1{ position: absolute; z-index:999; margin:40% 32%; padding:10px 5px; width:40%; height:23%; background:rgba(0,0,0,.85); border-radius:4px;}
.play_screen1 i{ padding:20% 35%;}
.play_screen1 p{ font-size:14px; color:#fff; padding:10px;}

/*我要美甲——商品详情*/
.goods_top{ width: 100%; height:auto; overflow: hidden;}
.goods_top img{ width:100%; height: auto; display: block;}
.goods_details_1{ width: 100%; background: #fff; height: 60px;}
.goods_details_1 dt { float:left;color: #000; font-size: 18px; margin-left: 15px; line-height: 60px; font-weight: normal;}
.goods_details_1 dd { float: right; color: #fa2166; font-size: 18px; margin-right: 15px; line-height: 60px; }
.goods_details_2 { background: #fff; padding-left:15px;}
.goods_details_2 dl { width: 100%; border-top: 1px solid #f2f2f3;  height:44px;}
.goods_details_2 dt{ float: left;color: #333; line-height: 44px; font-weight: normal;}
.goods_details_2 dd { float: right; margin-right:15px; color: #333;line-height: 44px;}
.goods_details_3{ font-size:16px; color:#333;height:51px; margin-top:15px;padding-left: 15px; background: #fff;}
.goods_details_3 span { height: 50px;border-bottom: 1px solid #f2f2f3; display: block; width: 100%; line-height: 50px; }
.goods_details_4{ background: #fff; padding:15px; font-size:14px;color:#666; line-height: 20px; }
.vertical_bar{ margin-left:-20%;}

/*二级目录——条件选项——2个*/
.order_tab3{ height:35px; background:#f5eff2; font-size:12px; color:#7c7b7b;}
.order_tab3 li{ float:left; width:49.5%; height:35px; font-size:12px; text-align:center;  line-height:35px; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; color:#7c7c7c; }
.order_tab3 li:fist-child{ border-left:none; width:34%;}

/*选化妆师流程状态图*/
.user_order2{ margin:44px auto 10px; height:45px; padding: 15px 0px; background: #fff; position: relative;}
.user_order2 li{ float:left;width:33.333%; height: 45px; text-align: center;}
.user_order2 li dl dt {font-weight: normal; width: 26px; height: 26px; border-radius: 26px; background: #dcdddd; font-size: 14px; color: #fff; line-height: 26px; margin: 0 auto;}
.user_order2 li dl dd { color: #c9caca; font-size: 11px; margin-top: 5px;}
.user_order2 li.active dl dt { background:url(../images/ytime_icon1.png) no-repeat; background-size: 26px 26px; font-size: 0;}
.user_order2 li.active dl dd { color: #fa2166;}
.user_order2 li.active1 dl dt { background:url(../images/ytime_icon2.png) #fa2166 no-repeat; background-size: 26px 26px; font-size: 0;}
.user_order2 li.active1 dl dd { color: #333;}
.user_order{ margin:44px auto 10px; height:45px; padding: 15px 0px; background: #fff; position: relative;}
.user_order li{ float:left;width:25%; height: 45px; text-align: center;}
.user_order li dl dt { font-weight: normal; width: 26px; height: 26px; border-radius: 26px; background: #dcdddd; font-size: 14px; color: #fff; line-height: 26px; margin: 0 auto;}
.user_order li dl dd { color: #c9caca; font-size: 11px; margin-top: 5px;}
.user_order li.active dl dt { background:url(../images/ytime_icon1.png) no-repeat; background-size: 26px 26px; font-size: 0;}
.user_order li.active dl dd { color: #fa2166;}
.user_order li.active1 dl dt { background:url(../images/ytime_icon2.png) #fa2166 no-repeat; background-size: 26px 26px; font-size: 0;}
.user_order li.active1 dl dd { color: #333;}

/*没有消息*/
.nonews{ text-align:center;padding:0 10px;background:#f2f2f3; margin-left: -15px;}
.nonews p {padding:10px 0;font-size:12px; color:#999;  padding-top:90px;}

/*我要美睫——确认订单*/
/*.makeup_info5{ background:#fffff4; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:10px 10px 50px 10px;}*/
/*.makeup_info5 .price { padding: 0 0 5px 0; color:#fa2166; font-size:20px; text-align:right;}*/
.makeup_info5 dl{ margin:0; height:70px;line-height:20px;}
.makeup_info5 dl dt{margin-left:85px; font-size:14px; font-weight:bold;}
.makeup_info5 dl dt img{ position:absolute; width:70px; height:70px; margin-left:-85px; border-radius:4px;}
/*.makeup_info5 dl dd{ margin-left:85px; font-size:12px;}*/
/*.makeup_info5 dl dd.a_info{ float:right; margin-top:-38px;}*/

.makeup_info5{position: relative; background:#fff;padding:15px;}
.makeup_info5 .price { position:absolute; top:15px; right:20px; padding: 0 0 5px 0; color:#fa2166; font-size:16px;}
.makeup_info5 dl dd{ margin-left:85px; font-size:12px; word-wrap:break-word;}
.makeup_info5 dl dd.a_info{}

/*作品详情——没有详情*/
.t_primary11{color:#333 !important; text-align:center; font-size:16px; margin-top:10px; margin-bottom:10px;}
.nonews_2{ text-align:center; margin: 0 2% 0 1%; padding:10px; border-radius:4px; border:1px solid #ddd; background:#fff; font-size:16px; color:#ff0000;}

.makeup_info6{border-bottom:1px solid #e8e8e8; padding:10px 10px 15px 0; padding-top:10px;}
.makeup_info6 .price { padding: 0 0 5px 0; color:#fa2166; font-size:16px; text-align:right;}
.makeup_info6 .price2{ padding: 0 0 5px 0; color:#fa2166; font-size:14px; text-align:right;}
.makeup_info6 dl{ margin:0; padding:0 10px 10px 0; line-height:20px;}
.makeup_info6 dl dt{margin-left:84px; font-size:14px; font-weight:bold;}
.makeup_info6 dl dt img{ position:absolute; width:72px; height:72px; margin-left:-78px; border-radius:4px;}
.makeup_info6 dl dd{ margin-left:82px; font-size:12px;}
.makeup_info6 dl dd.a_info{ float:right; margin-top:-25px; }


#header a i.ico_city{ background:url(../images/icon-down_1.png) no-repeat right; margin-left:-7px; margin-right:5px; background-size: 12px 8px; position: relative; top: 1px;}
.select_city{ width:100%; height:46px; margin:0 auto; padding:10px 0; background:#fff; border-top:1px solid #e0e0e0; }
/*.select_city li{ float:left; width:29%;  line-height:40px; font-size:14px; color:#333; background:#fff; margin:0 2% 0 3%;  border:1px solid #d7d7d7; border-radius:4px; text-align:center;}*/
.select_city2{ margin:0 auto; padding: 10px;}
.select_city2 li{ float:left; width:32%; margin-right:2%;height:40px; margin-bottom: 10px; line-height:40px; font-size:14px; color:#333; background:#fff; border-radius:2px; text-align:center;}
.select_city2 li:nth-child(3n){ margin-right: 0;}
.select_city2 .order_sel2{ background:#fa2166; color:#fff;}
/*.select_city3{ padding:10px; font-size:12px; color:#9e9e9e; }*/
.select_city li{ float:left; width:29%;  line-height:40px; font-size:14px; color:#333; background:#fff; margin:0 2% 0 3%; }
.select_city3{ padding:10px; font-size:12px; color:#9e9e9e; background:#f0f0f0; margin-bottom:10px; }


.makeup_info5 dl dt p{ width:70%; font-weight: normal;}
.time_sel12 { padding:15px 0px 0px; height:44px; border-radius:0px;}
.time_sel12 .option_s { border-radius:0px;float:left;height:44px;padding:0 15px; width: 240px; font-size:14px; border: none; background:url(../images/icon_10.png) no-repeat 96% #fff;background-size:12px 8px;}
/*明星御用造型师*/
.code_main4{ margin:0 auto; height:33px; margin:2% 0 2% 1%;}
.modelling_main{ height:140px;padding:10px; border-bottom:1px solid #e8e8e8;}
.modelling_main_l{float:left; width:120px;}
.modelling_main_l img{ width:120px; height:120px;  border:1px solid #e8e8e8; border-radius:4px;}
.modelling_main_l .title{ position:relative; z-index:5; margin-top:-30px;margin-left: 1px; padding-left:15px; background:rgba(0,0,0,.8); height:25px; line-height:25px; font-size:14px; color:#fff;}
.modelling_main_r{float:left; width:50%;}
.jishi_img{ float:left; margin-left:10px; width:50px; height:50px; border-radius:50%; border:1px solid #D0D0D0;}
.jishi_content{ float:left; padding-left:5px; width:65%;}
.jishi_content_2{ float:left; padding-left:10px; width:100%;}
.jishi_content p img{width:12px; height:12px; margin-left:2px;}
.jishi_order{ position:absolute; margin-left:120px; margin-top:-32px;}

 /**main*/
.home_list1{}
.home_list1 li{ float:left; width:100%;}
.home_list1 li img{ display:block; position:relative; z-index:-1; width:100%; height: auto;}
.home_list2{ margin-top:8px; width: 100%; float: left;}
.home_list2 li{ float:left;width: 50%; position: relative;}
.home_list2 li p { width: 100%; height: 100%; position: absolute; background:rgba(0,0,0,.5); z-index: 9; left: 0; top: 0px;}
.home_list2 li img{ display:block; position:relative; z-index:-1; width:100%;height: auto;}
.home_list3{ margin-top:8px; width: 100%; float: left;}
.home_list3 li{ float:left; width:100%; margin-bottom: 50px;}
.home_list3 li img{ display:block; position:relative; z-index:-1; width:100%; min-height:73px;}

.home_cover{display: block; width:100%; background:rgba(0,0,0,.5);}
/*明星御用造型师介绍*/
.intro_jishi_l{ float:left; width:48.2%; margin-left:5px; margin-top:5px;}
.intro_makeup_10{}
.intro_makeup_10 img{ width:100%; min-height:202px;}
.intro_makeup_11{}
.intro_makeup_11 img{ width:100%; min-height:95px;}
.intro_makeup_12{}
.intro_makeup_12 img{ width:100%; min-height:91px;}

.intro_jishi_r{float:left; width:48.2%; margin-left:5px; margin-top:5px;}
.intro_makeup_13{}
.intro_makeup_13 img{ width:100%; min-height:154px;}
.intro_makeup_14{}
.intro_makeup_14 img{ width:100%; min-height:142px;}
.intro_makeup_15{}
.intro_makeup_15 img{ width:100%; min-height:91px;}

.intro_content{ clear:both;}
.intro_makeup_content{ background:url(../images/bg_makeup_1.png) no-repeat left bottom; background-size:100% 100%; width:92%; padding:10px 5px; margin:0 10px; border-radius:4px; border:1px solid #ffd9e5;}
.intro_content_2{ margin-top:10px; }


/*明星造型师——订单完成*/
.makeup_info7{position: relative; background:#fff;border-bottom:1px solid #e8e8e8; padding:15px 15px 50px 15px;}
.makeup_info7 .price2{ position:absolute; top:18px; right:15px; padding: 0 0 5px 0; color:#fa2166; font-size:16px;}
.makeup_info7 dl{ margin:0; padding:0 10px 10px 0; line-height:20px;}
.makeup_info7 dl dt{margin-left:85px; font-size:16px; color: #333; line-height: 24px;}
.makeup_info7 dl dt p{ width:110px;}
.makeup_info7 dl dt img{ position:absolute; width:70px; height:70px; margin-left:-85px; border-radius:2px;}
.makeup_info7 dl dd{ margin-left:85px; font-size:12px; word-wrap:break-word; color: #999; line-height: 20px;}

.tools_bar_2 { position: fixed; left:0; bottom:0; padding:5px 0; width:100%; background:rgba(0,0,0,.5); color:#fff; text-align:center;}
.tools_bar_2 .btn_primary_l { margin: 0 5px; width:135px; height:35px; background:#fb3876; border-radius:4px; border:none; color:#fff; text-align:center;}
.order_info10{ clear:both;  padding:10px; line-height:28px; color:#333;}
/*明星造型师作品介绍*/
.makeup_info8{position: relative; background:#fff; padding:15px;}
.makeup_info8 .price2{ position:absolute; top:13px; right:15px; padding: 0 0 5px 0; color:#fa2166; font-size:16px;}
.makeup_info8 dl{ margin:0;line-height:20px;}
.makeup_info8 dl dt{margin-left:95px; font-size:14px;}
.makeup_info8 dl dt p{ line-height:18px;}
.makeup_info8 dl dt img{ position:absolute; width:80px; height:80px; margin-left:-95px; border-radius:2px;}
.makeup_info8 dl dd{ margin-left:95px; font-size:12px; word-wrap:break-word;}
.makeup_info9{ background:#fffcd7; border-bottom:1px solid #e8e8e8;  padding-top:10px; padding-bottom:10px; padding-left:10px;}
.makeup_info9 p{ font-size:12px;}

/*评分——服务评价*/
.makeup_info10{border-bottom:1px solid #f2f2f3; padding-top:10px;}
.makeup_info10 p{ text-align:center; font-size:14px; color:#666;}
.makeup_info11{background:#fff; height:132px; padding:15px; margin-top: 10px;}
.makeup_info11 li { width: 100%; float: left; margin-bottom: 10px;}
.evaluation_1{float:left; width:45px; text-align:left; line-height:25px;}
.evaluation_1 i{ margin-top:5px;}
.evaluation_1 img{ width:25px; height:25px; vertical-align:middle;}
.evaluation_2{float:left; width:150px; text-align:center; line-height:25px;}
.evaluation_2 img{ width:25px; height:25px; margin:0 2px; float: left; display: block;}
.evaluation_3{float:right; width:45px;text-align:right; line-height:25px;}
.makeup_info12 p{ text-align:center; font-size:14px; color:#666; width: 100%; background: #f2f2f3; padding: 10px 0;}
.makeup_info13{padding:10px; border-bottom:1px solid #f2f2f3;}
.makeup_info14{ margin-bottom:85px; background: #fff;}
.radio_main{ margin-left:15px; margin-top:10px;}
.radio_main input { margin-right:10px;}
.evaluation_footer{ position:fixed; z-index:99; left:0; bottom:0; background:rgba(255,255,255,0.94); width:100%; padding: 15px 0px;}
.evaluation_footer p { padding:0 15px;}


/*评分——技师详情*/
.makeup_info15{  border-bottom:1px solid #e8e8e8;  padding:10px 5px; padding-bottom:10px; padding-left:10px;}
.makeup_info15 h1{font-size:16px; line-height:30px; color:#333; text-align:center;}
.makeup_info15 p{ font-size:12px;}
.makeup_info16{ background:#fafafa; height:70px;}
.evaluation_4{}
.evaluation_4 li{ float:left; width:24%; height:50px; border-right:1px dashed #cacaca; margin:10px 0; text-align:center; }
.evaluation_4 li:last-child{ border-right:none;}
.evaluation_4 img{ width:25px; height:25px; vertical-align:middle;}
 
 /*课程详情*/
.course_main { padding-left: 15px; background: #fff;}
.course_1{margin-top:5px; font-size:12px;}
.course_1 li{ float:left; width:55%; height:24px; }
.course_1 li:first-child{ width:45%; }
.course_2{ padding: 10px 15px 10px 0px; border-top: 1px solid #f2f2f3;}
.course_2 li { font-size: 14px; color: #666; line-height: 24px;}
.course_3 img{ width:20px; height:20px; vertical-align:middle;}
.course_4{ float:right; margin-right:2px; color:#fa2166;}
.course_7{ clear:both; background:#e8e8e8; width:100%; height:1px;}
.icon_star2 { margin-left: -3px;}
.icon_star2 img { width: 13px; height: 12px; position: relative; top: -2px; margin-right: 2px;}
/*发型订制*/
/*.hairstyle_main{ height:150px;padding:10px 0 10px 10px; border-bottom:1px solid #e8e8e8;}*/
.hairstyle_main{ height:156px;padding:10px 10px 0px; position: relative;}
.hairstyle_main:last-child { padding: 10px;}
.hairstyle_main_l{width:100px; position: absolute; left: 8px;}
.hairstyle_main .hairstyle_main_b { padding:8px 8px 8px 0; border-bottom: 1px solid #f2f2f3; height: 140px; background: #fff; border-radius: 2px; position: relative;}
.hairstyle_main_l img{ width:100px; height:140px; border-radius:2px;}
.hairstyle_main_l .title{ position:relative; z-index:5; margin-top:-27px; text-align: center; background:rgba(0,0,0,.8); height:22px; border-radius:0 0 4px 4px; line-height:22px; font-size:12px; color:#fff;}
.hairstyle_main_r{padding-bottom: 10px; padding-left: 118px;}
.jishi_content2{ float:left; width:100%;}
.jishi_content2 p{color:#999; font-size:12px; line-height:20px;}
.jishi_content2_2{ float:left; width:100%;}
.jishi_content2 p img{width:20px; height:20px; vertical-align:middle;}
.jishi_content2 .ico_star2 img{ width:12px; height:12px; position: relative; top: -1px;}
.course_5{ float:right; margin-right:0px; font-size:16px; color:#fa2166;}

/*一对一造型指导课程*/
.modelling_cou_main{ padding:0px 10px;position: relative;}
.modelling_cou_main:last-child { margin-bottom: 10px;}
.modelling_cou_main .lll { height: 94px; background: #fff; border-radius: 2px; margin-top: 10px; padding: 8px; position: relative;}
.modelling_cou_main_l{float:left; width:94px; border-radius:2px; overflow: hidden;}
.modelling_cou_main_l img{ width:94px; height:94px; border-radius:2px;}
.modelling_cou_main_l .title{ position:relative; font-size: 12px; text-align:center; z-index:5; margin-top:-30px; padding-left:5px; background:rgba(0,0,0,.8); height:22px; line-height:22px; color:#fff;}
.modelling_cou_main_r{float:left;}
.jishi_content3{ float:left; padding-left:10px; width:100%;padding-top:6px}
.jishi_content3 p{color:#999; font-size:12px; line-height:24px;}
.jishi_content3 p img{width:20px; height:20px; vertical-align:middle;}


/*选择发型师*/
.collection_list dl dd.order_info6{ float:right; margin-top:-80px; margin-right:10px; color:#8c8c8c; font-size:12px; }
.course_6{ float:right; margin-right:2px; font-size:12px; color:#515151;}
.hairstyle_main2{ height:90px;padding:10px 0 10px 10px; border-bottom:1px solid #e8e8e8;}
.hairstyle_main2_l{float:left; width:35%;}
.hairstyle_main2_l img{ width:100%; height:90px;  border:1px solid #e8e8e8; border-radius:4px;}
.hairstyle_main2_l .title{ position:relative; z-index:5; margin-top:-30px; padding-left:5px; background:rgba(0,0,0,.5); height:25px; line-height:25px; font-size:14px; color:#fff;}
.hairstyle_main2_r{float:left; width:60%;}
.jishi_content4{ float:left; padding-left:10px; width:100%;}
.jishi_content4 p{color:#606060; font-size:12px; line-height:24px;}
.jishi_content4 p img{width:12px; height:12px; vertical-align:middle;}


/*发型*/
.intro_hairstyle_l{ float:left; width:49%; margin-bottom:5px;}
.intro_hairstyle_1{}
.intro_hairstyle_1 img{ width:100%; min-height:244px; border:none;}
.intro_hairstyle_2{}
.intro_hairstyle_2 img{ width:100%; min-height:120px; border:none;}
.intro_hairstyle_3{}
.intro_hairstyle_3 img{ width:100%; min-height:120px; border:none;}

.intro_hairstyle_r{float:right; width:49%; margin-bottom:5px;}
.intro_hairstyle_4{}
.intro_hairstyle_4 img{ width:100%; min-height:244px; border:none;}
.intro_hairstyle_5{}
.intro_hairstyle_5 img{ width:100%; min-height:244px; border:none;}

/*职业装详情*/
.attire_details_6 { height: 50px; padding-left: 15px; background:#fff; line-height: 50px; font-size: 16px; color: #333; margin-top: 15px;}
.attire_details_6 span {line-height: 50px;height: 50px; border-bottom: 1px solid #f2f2f3;display: block;}
.attire_details_4{ padding:1% 0; margin:0 2%; font-size:12px;}
.attire_details_5 { padding-left: 15px; background: #fff; margin-top: 15px;}
.attire_details_2 { height: 50px; font-size: 16px; color: #333; border-bottom: 1px solid #f2f2f3; line-height: 50px;}
.attire_details_3 { font-size: 14px; color: #666; line-height: 24px; padding: 15px 15px 15px 0px;}
.attire_main_l { float:left; width:100%; padding:15px 15px 0; background: #fff;}
.attire_main_l img{ width:100%; height: auto; display: block;}
.attire_main_l .title{  width:100%; text-align:left; height:40px; line-height:40px; font-size:16px; color:#333; margin-top:6px;}

/*套餐列表*/
.package_main{padding:10px 0 10px 10px;}
.package_main_l{float:left; width:65%; }
.package_list{ width:100%; height:130px; border:1px solid #e8e8e8; border-radius:4px;}
.package_list_main{}
.package_list_main li{ float:left; width:50%; }
.package_list_main li img{ width:100%; min-height:130px;}
.package_list_main li .title { position:relative; z-index:5; margin-top:-135px; padding-left:5px; background:url(../images/bg_work.png) no-repeat; height:25px; line-height:25px; font-size:12px; color:#fff;}
.package_plus{}
.package_plus img{ position:relative; z-index:99; top:-85px; margin-left:46.5%; width:24px; height:24px;}

.package_main_l .title2{ position:relative; z-index:5; margin-top:-55px; padding-left:5px; background:rgba(0,0,0,.5); height:25px; line-height:25px; font-size:14px; color:#fff; text-align:center; }
.package_main_r{float:left; width:35%;}
.package_content1{ float:left; padding-left:10px; }
.package_content1 p{ line-height:24px;}
.package_content2{ float:left; width:100%; padding:10px 0; margin-bottom:10px; border-bottom:1px solid #e8e8e8;}


/*美睫和美甲套餐*/
.nail_lids_main1 dl { width: 100%; margin-bottom: 8px; position: relative;}
.nail_lids_main1 dl:last-child { margin-bottom: 0px;}
.nail_lids_main1 dl dt { width: 100%; height: auto;}
.nail_lids_main1 dl dt img { width: 100%; height: auto;display: block;}
.nail_lids_main1 dl dd { height:38px; background: #fff; padding: 0 15px; line-height: 38px; font-size: 16px; color: #333; position: relative;}
.nail_lids_main1 dl dd img { width: 26px; height: 26px; display: block; float: right; margin-top: 6px;}
/* .nail_lids_main1 li{ float:left; width:100%; margin-top: 10px;}
.nail_lids_main1 li:last-child { margin-bottom: 10px;}
.nail_lids_main1 li a{ text-decoration:none; border:none;}
.nail_lids_main1 img{ display:block; position:relative; z-index:-1; width:100%; height: auto;} */
.nail_lids_cover{ display: block; width:100%; background:rgba(0,0,0,.5); position: absolute; height: 100%; z-index: 9; left: 0; top: 0;}

/*美睫师作品详情*/
.makeup_pics { margin:-10px -10px 10px -10px; padding:10px; background:#f5f5f5; text-align:center;}
.makeup_pics img { width:160px; height:160px;}

.gth_btn span { float: left; display: block; font-size: 14px; color: #333; margin-bottom:25px; line-height:20px;}
.gth_btn span input { margin-right: 10px; position: relative; top: 1px;}
.gth_btn a { width: 20px; height: 20px; display: block; float: right;}
.gth_btn a img { width: 20px; height: 20px;}


.footer1 { height:50px; border-top:1px solid rgba(0,0,0,0.06); position:fixed; left:0; bottom:0;width:100%; overflow:hidden; z-index: 99;}
.footer1 dl dt { padding:0px; background:rgba(255,255,255,.98);  border-right:1px solid #f2f2f3; float:left; font-weight:normal;position: relative;z-index: 9; width:54px; height:49px;}
.footer1 dl dt.datalist2 { border-right: none;}
.footer1 dl dt img { width:54px; height:49px; display:block; position: absolute; left: 0; top: 0;}
.footer1 dl dt a  {display:block; color:#666; float:left; width:100%; text-align:center; font-size: 12px; position: absolute; left: 0; height: 49px; line-height:76px;}
.footer1 dl dd {position:absolute; left:0; padding:0px 0px 0px 54px; width: 100%; z-index: 1;}
.footer1 dl dd button { font-size:18px; width: 100%; height:49px;background:rgba(250,33,102,.98); text-align: center; color: #fff; border: none;}

.container { position: relative;}

.makeup_list_position { margin-top: 44px;}
.makeup_list_title { padding-left: 15px;}
.makeup_list_title:last-child dl { border-bottom: none;}
.makeup_list_position dl { padding:15px 15px 15px 0px; border-bottom:1px solid #f2f2f3; position: relative;font-size: 16px; color: #333;}
.makeup_list_position dl dt a img { width: 70px; height: 70px; border-radius:70px;}
.makeup_list_position dl dt a { width: 70px; height: 70px; display: block; position:absolute; left:0px;}
.makeup_list_position dl dt { padding-left:80px;}
.makeup_list_position dl dd { padding-left:80px; font-size: 12px; color: #999;}
.makeup_list_position dl dd.p_info { position: absolute; right:15px; color: #666; font-size: 14px; top:14px;}

.yuan { float:right; font-size: 13px; display: block;}

.xian1 { width:10%; position: absolute; height:1px; background: #dcdddd; left:20%; bottom:46px;}
.xian2 { width:10%; position: absolute; height:1px; background: #dcdddd; left:45%; bottom:46px;}
.xian3 { width:10%; position: absolute; height:1px; background: #dcdddd; left:70%; bottom:46px;}
.xian4 { width:16.666%; position: absolute; height:1px; background: #dcdddd; left:25%; bottom:46px;}
.xian5 { width:16.666%; position: absolute; height:1px; background: #dcdddd; left:58%; bottom:46px;}
.x_hover { background: #fa2166;}

.ljyy { width: 84px; height: 28px; background: #fa2166; border-radius: 28px 0 0 28px; position:absolute; right: 0; bottom: 13px; font-size: 14px; color: #fff; border: none;}
/*/!*用户端提醒后台可以修改技师*!/
.gth_btn span { float: left; display: block; font-size: 14px; color: #333; margin-bottom:25px; line-height:20px; margin-left: 10px;}
.gth_btn span input { margin-right: 10px; position: relative; top:0px;}
.gth_btn a { width: 20px; height: 20px; display: block; float: right; margin-right: 10px;}
.gth_btn a img { width: 20px; height: 20px;}*/


/*支付按钮*/
.pay_list {width:100%; overflow: hidden;}
.pay_list h2 { height:50px; width:100%; padding:0 15px; line-height:50px; color:#333; font-size:16px; float:left; font-weight: normal;}
.pay_list .list_m {width:100%; padding-left:15px; background:#fff;border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; float:left;}
.pay_list .list_m dl { width:100%; float:left; border-bottom:1px solid #f2f2f3; padding-right:15px; height:56px;}
.pay_list .list_m dl a { display:block; float:left; width:100%;}
.pay_list .list_m dl dd { float:left; margin-top:8px;}
.pay_list .list_m dl dd img { width:40px; height:40px; display:block;}
.pay_list .list_m dl.last { border-bottom:none;}
.pay_list .list_m dl dt { line-height:56px; color:#333; font-size:14px; font-weight:normal; margin-left:5%; float:left;}
.pay_list .list_m dl span { margin-right:30px;float:right;width:24px; height:24px; display:block;background: rgba(201, 202, 202, 0.05);border:1px solid #dadad9; background-size:100%; border-radius:24px; margin-top:15px; }
.pay_list .list_m dl a:focus span { margin-right:30px;background:url(../images/JP_icon2.png) no-repeat #fa2166; background-size:100%;border: 0px solid #dadad9; width: 25px; height: 25px;border-radius:25px;}
.pay_list .list_m dl a.active span {margin-right:30px;background:url(../images/JP_icon2.png) no-repeat #fa2166; background-size:100%;border: 0px solid #dadad9; width: 25px;height: 25px;border-radius:25px;}

.pay_go_btn { width:100%;background:rgba(255,255,255,0.94); height:70px;margin-top:20px; position: fixed; left: 0; bottom: 0;}
.pay_go_btn p {padding:0 15px;}
.pay_go_btn a { width:100%; height:40px; background:#fa2166; text-align:center; line-height:40px; display:block; font-size:20px; color:#fff; float:left; margin-top:15px;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;}


/* 化妆师个人介绍 */
.hzs_page { padding-bottom:70px; }
.hzs_js { border-bottom:1px solid #f2f2f3; background:#fff; padding-left:15px;}
.hzs_list { padding:15px 15px 15px 0; border-bottom:1px solid #f2f2f3; position:relative; height:110px;}
.hzs_list dt { width:80px; height:80px; position:absolute; left:0; top:15px;}
.hzs_list dt img { width:80px; height:80px; display:block; border-radius:2px;}
.hzs_list dd { width:100%; padding-left:90px;}
.hzs_list dd p { width:100%; float:left;}
.hzs_list dd .datalist1 { font-size:16px; color:#000; margin-bottom:1px; margin-top: 2px;}
.hzs_list dd .datalist1 span { color:#fa2166; font-size:18px; float:right; position: relative; top: -2px;}
.hzs_list dd .datalist2,.hzs_list dd .datalist3,.hzs_list dd .datalist4 { color:#999; position:relative; margin-top:1px;}
.hzs_list dd .datalist2 span {color:#fa2166; float:right;}
.hzs_list dd .datalist3 span { position:absolute; top:2px; left:35px;}
.hzs_list dd .datalist3 span img { width:12px;height:11px; display:block; margin:0 1px; float:left;}
.hzs_list1 { padding:15px 15px 12px 0; border-bottom:1px solid #f2f2f3;}
.hzs_list1 h2 { font-size:16px; color:#333; font-weight: normal;}
.hzs_list1 .datalist1 { font-size:14px; color:#666; margin-top:6px;}
.hzs_list1 .datalist1 span { color:#fa2166;}
.hzs_list1 .datalist2 { color:#999;}
.hzs_list1 .datalist3 { color:#666; margin-top:7px;}
.hzs_list2 { margin-left:-15px;}
.hzs_list2 li { width:25%; float:left; padding:5px 0;}
.hzs_list2 li a { height:34px; width:100%; display:block; font-size: 12px; border-right:1px solid #f2f2f3; text-align:center; line-height:34px; color:#000;}
.hzs_list2 li:last-child a { border-right:none;}
.hzs_list3 { border-top:1px solid #f2f2f3; height:44px; padding-right:15px;}
.hzs_list3 dt { float:left; color:#000; font-size:14px; font-weight:normal; line-height:40px;}
.hzs_list3 dt img { width:20px; height:20px; display:block; float:left; margin-top:12px; margin-right:8px;}
.hzs_list3 dd { float:right; color:#666; line-height:44px;}
.hzs_list3 dd img { width:20px; height:20px; display:block; float:right; margin-top:12px; margin-left:10px;}
.hzs_zp { margin-top:15px;width:100%; float:left; padding-bottom:50px;}
.hzs_zp1 { margin-top: 0px;}
.hzs_zp .title { height:50px; border-top:1px solid #f2f2f3; border-bottom:1px solid #f2f2f3; background:#fff; padding:0 15px; line-height:48px; font-size:16px; color:#333;}
.hzs_zp ul { padding:15px 0 5px; width:100%; float:left;}
.hzs_zp ul li { width:47%; margin-left:2%; border:1px solid #f2f2f3; border-radius:2px; float:left; margin-bottom:10px; overflow:hidden;}
.hzs_zp ul li img { width:100%; height:auto; display:block;}
.hzs_zp ul li span { width:100%; height:34px; display:block; background:#fff; text-align:center; line-height:34px; font-size:14px; color:#666;}


.input_group { background: #fff; padding-left: 15px; margin-bottom: 15px;}
.input_group dl { line-height: 44px; position: relative; background:url(../images/2015dz_xian_bg.png) repeat-x left bottom; background-size: 1px;}
.input_group dl:last-child { background: none;}
.input_group dl dt { width: 80px; position: absolute; left: 0; color: #333; font-size: 14px;}
.input_group dl dd { padding-left: 80px; padding-right: 15px;}
.input_group dl dd input {-webkit-appearance:none;appearance:none; border: none; width: 100%;padding: 0px; font-size: 14px; color: #333;}
.input_group dl dd input::-moz-placeholder{color:#d1d1d2;opacity:1}
.input_group dl dd input:-ms-input-placeholder{color:#d1d1d2}
.input_group dl dd input::-webkit-input-placeholder{color:#d1d1d2}
.input_group dl dd textarea { width: 100%; border: none; font-size: 14px; color: #333; margin:15px 0 0; height: 40px;}
.input_group dl dd textarea {-webkit-appearance:none;appearance:none; border: none; width: 100%; padding:15px 0px; font-size: 14px; color: #333;}
.input_group dl dd textarea::-moz-placeholder{color:#d1d1d2;opacity:1}
.input_group dl dd textarea:-ms-input-placeholder{color:#d1d1d2}
.input_group dl dd textarea::-webkit-input-placeholder{color:#d1d1d2}
.input_group dl i { width: 24px; height: 24px; position: absolute; right:15px; top:10px;}
.input_group dl i img { width: 24px; height: 24px; display: block;}
.input_group .fwdz { line-height: 20px; padding: 12px 49px 12px 80px; color: #d1d1d2; font-weight: normal;}
.input_group .fwdz_active { line-height: 20px; padding: 12px 49px 12px 80px; color: #333; font-weight: normal;}
.input_button { padding:15px 0; position: fixed; bottom: 0; left: 0; width: 100%; height: 40px; background: rgba(242,242,243,0.94); text-align: center;}
.input_button button {width: 90.625%; margin: 0 auto;}
